<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>webpack bootstrap test</title>
</head>
<body> 
    #include("../_layout/header.html")
    <div class="container" style="margin: 15px;">
        <div class="row">
            <div class="col-lg-5">
                <h2>代表指定意义的文本颜色 </h2>
                <p class="text-muted">柔和的文本。</p>
                <p class="text-primary">重要的文本。</p>
                <p class="text-success">执行成功的文本。</p>
                <p class="text-info">代表一些提示信息的文本。</p>
                <p class="text-warning">警告文本。</p>
                <p class="text-danger">危险操作文本。</p>
                <p class="text-secondary">副标题。</p>
                <p class="text-dark animate__animated animate__bounce" >深灰色文字。</p>
                <p class="text-body">默认颜色，为黑色。</p>
                <p class="text-light">浅灰色文本（白色背景上看不清楚）。</p>
                <p class="text-white">白色文本（白色背景上看不清楚）。</p>
                <div class="dropdown">
                    <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">
                      下拉菜单按钮
                    </button>
                    <div class="dropdown-menu">
                      <a class="dropdown-item" href="#">链接 1</a>
                      <a class="dropdown-item" href="#">链接 2</a>
                      <a class="dropdown-item" href="#">链接 3</a>
                    </div>
                  </div>
            </div>
            <div class="col-lg-7">
                <button type="button" class="btn">基本按钮</button>
                <button type="button" class="btn btn-primary">主要按钮</button>
                <button type="button" class="btn btn-secondary">次要按钮</button>
                <button type="button" class="btn btn-success">成功</button>
                <button type="button" class="btn btn-info">信息</button>
                <button type="button" class="btn btn-warning animate__animated animate__backInDown">警告</button>
                <button type="button" class="btn btn-danger animate__animated animate__backInUp">危险</button>
                <button type="button" class="btn btn-dark">黑色</button>
                <button type="button" class="btn btn-light">浅色</button>
                <button type="button" class="btn btn-link">链接</button>
            </div>
        </div>
       
      </div>
     
<div class="row" style="padding: 20px;">
<div class="col-lg-12">
    <div class="alert alert-success">
        <strong>成功!</strong> <span class="atext"></span>
    
      </div>
    </body>
 
</html>